大家好我是烏木白,今天要講 Sass 篇的 import,讓我們一起學習!
Sass 的import(匯入),他的用意就是在我們稍早提到的,可以把許多 Sass 檔案,全部彙整出一隻 Css 檔案。
以下是我之前練習的作業
我建立了一個 _layout.scss 的檔案。
如果你要合併的檔案,一定要有 下底線 (_) 不然會出錯喔!!
這時候我們把我們的 all.scss 打開!
請大家注意第6行,我們引入的方式就是這樣。 請各位一定要注意 ; 分號
我第一次使用時一直出差錯,後來參考其他人的方式才發現!
因為在許多的專案裡面,你可能會遇到很多頁面,然後每個頁面都有固定的 layput ,如果你把他全部寫在同一個的 Css 檔案裡面,在後續的更新及維修,會找的很辛苦,所以使用 Scss 的原因就是要讓你管理 Css ,把每個不一樣的檔案分開來
例如一下這張圖
第1行~第3行 是我引入的套件及變數。
第6行~第8行 是我自己寫的分頁及基本的設定!